@import '../index.less';
.album {
    .element;
    width: 100% !important;
    height: auto!important;
    color: #fff;
    font-size: 12px;
    .el-image {
        width: 100%;
        height: 102.5px;
        border-radius: inherit;
        pointer-events: none;
        .picture-image-slot {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            color: #909399;
            font-size: 14px;
            border-radius: inherit;
            &.no-image {
                background-color: #f5f7fa;
                border: 1px solid #DCDFE6;
                box-sizing: border-box;
            }
        }
    }
    &.sec-mode {
        color: #444;
        .album-container .title-wrap {
            position: static;
            background-color: transparent;
        }
    }
    .album-container {
        padding-left: 3px;
        padding-top: 3px;
        color: inherit;
        font-size: inherit;
        text-align: inherit;
        text-decoration: inherit;
        overflow: hidden;
        .album-pic {
            position: relative;
            float: left;
            width: 102.5px;
            margin-right: 3px;
            margin-bottom: 3px;
            font-size: 0;
            text-decoration: inherit;
            overflow: hidden;
        }
        &.album-sideslip {
            white-space: nowrap;
            overflow-x: auto;
            .horizontal-scrollbar;
            .album-pic {
                float: none;
                display: inline-block;
            }
        }
        .title-wrap {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            line-height: 1.6em;
            background-color: rgba(0,0,0,.5);
            text-decoration: inherit;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}